@using Mvc.Models;
@{
    Layout=null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页Document</title>
    <link rel="stylesheet" href="~/css/base.css">
    <style>
        #father{
            width: 700px;
            height: 500px;
            margin: auto;
        }
        table tr{
            padding-left: 45px;
            padding-right: 45px;
        }
        table th{
            background-color: blue;
        }
        #cz:hover{
            transition: 0.5s;
            transform: scale(1.1);
            cursor: pointer;
        }
        #xz:hover{
            transition: 0.5s;
            transform: scale(1.1);
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="father">
        <div id="top">
            <input type="button" value="查找" id="cz">
            <input type="text" placeholder="请输入查找关键字" name="lol">
            <input type="button" value="新增" id="xz">=
        </div>
        <table id="Tb">
            <tr>
                <th>id</th>
                <th>商品名称</th>
                <th>供应商名称</th>
                <th>价格</th>
                <th>库存数量</th>
                <th>备注</th>
                <th>操作</th>
            </tr>
            <input type="button" value="编辑" onclick="">
            <input type="button" value="删除" onclick="">
        </table>
    </div>
</body>
<script src="~/js/jquery.min.js"></script>
<script src="~/js/base.js"></script>
</html>